﻿/***
 *  JavaScript que muestra la hora y fecha actual al fondo de
 *  la pagina. Útil para que el usuario sepa la hora del sistema.
 ***/

function muestraTiempo()
{
    var hoy      = new Date();
        
    // Variables de tiempoActual
    var horas    = hoy.getHours();
    var minutos  = hoy.getMinutes();
    var segundos = hoy.getSeconds();
        
    // Variables de fechaActual
    var dia      = hoy.getDate();
    var mes      = hoy.getMonth();
    
    // Se crea un arreglo que contenga los meses en español.
    var meses    = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio",
                             "Agosto","Septiembre","Octubre","Noviembre","Diciembre");
    var year     = hoy.getFullYear();
    
   /***
    * Cuando un elemento contenga valores menores que 10, se le concatena un
    * "0" al principio, para contrarrestar un comportamiento de JavaScript, en
    * el que estos valores se muestran sin un "0" al final, lo cual es indeseado
    * para mostrar el tiempo.
    ***/
    if (dia < 10)      dia = "0" + dia;
    if (horas < 10)    horas = "0" + horas;
    if (minutos < 10)  minutos = "0" + minutos;
    if (segundos < 10) segundos = "0" + segundos;
        
    // Asignamos las varibles en el text HTML de las varibales de tiempo y fecha   
    document.getElementById("tiempoActual").innerHTML = horas + ":" + minutos + ":" + segundos;
    document.getElementById("fechaActual").innerHTML  = dia   + "/" + meses[mes] + "/" + year;
    t = setTimeout("muestraTiempo()",500);  // setTimeout hace que se invoque cada medio segundo
}
